//
// import 'package:audio_video/entity/text_image/text_image_entity.dart';
//
//
//
// import 'package:flutter/material.dart';
// import 'package:flutter_staggered_grid_view/flutter_staggered_grid_view.dart';
// import 'package:image_collage/image_collage.dart';
// import 'package:provider/provider.dart';
//
//
//
// import '../../../../entity/text_image/media_comment_entity.dart';
// import '../../../../utils/color_util.dart';
//
// import '../../../../view_model/home/comment_content_view_model.dart';
// import '../../../../view_model/home/media_comment_model.dart';
// import '../../../widgets/IpAddr.dart';
// import '../../../widgets/custom_network_image.dart';
// import '../../../widgets/custom_refresh.dart';
//
//
//
//
// class ImageTextDetailPage extends StatefulWidget {
//   final ImageText imageTextEntity;
//   ImageTextDetailPage({required this.imageTextEntity,  Key? key}) : super(key: key);
//   CommentContentViewModel commentContentViewModel = new CommentContentViewModel();
//   @override
//   void initState() {
//     // TODO: implement initState
//     // commentContentViewModel.requestList(1);
//   }
//
//   @override
//   State<ImageTextDetailPage> createState() => _ProfilePageState();
// }
//
// class _ProfilePageState extends State<ImageTextDetailPage>
//     with TickerProviderStateMixin {
//   @override
//   Widget build(BuildContext context) {
//
//     return Scaffold(
//         appBar: AppBar(
//           title: Container(
//               alignment: Alignment.centerLeft,
//               child: Stack(
//                 alignment: Alignment.centerLeft,
//                 children: [
//
//                   ClipOval(
//                     child: Container(
//                       width: 35,
//                       height: 35,
//                       child: CustomNetworkImage(
//                         // url: viewModel.entity?.avatar ?? "",
//                         url: '${getBaseUrlMap()[BaseUrl.development]}/images/0/1/0103cb51b29e932dbb4716bf9a45734b/0103cb51b29e932dbb4716bf9a45734b.png?Content-Disposition=attachment%3B%20filename%3D%220%2F1%2F0103cb51b29e932dbb4716bf9a45734b%2F0103cb51b29e932dbb4716bf9a45734b.png%22&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=admin%2F20240523%2F%2Fs3%2Faws4_request&X-Amz-Date=20240523T072958Z&X-Amz-Expires=432000&X-Amz-SignedHeaders=host&X-Amz-Signature=6f65b91e8d2988e6ac8210f2996fa8be873bc27b92b9c8811852c93b2b604d53',
//                         fit: BoxFit.cover,
//                         logoSize: const Size(22, 22),
//
//                       ),
//                     ),
//                   ),
//                   Padding(
//                     padding: EdgeInsets.fromLTRB(38, 0, 0, 0),
//                     child: Text("爱吃葡萄的小老虎"),
//                   ),
//                   Align(
//                     alignment: Alignment.centerRight,
//                     child: Padding(
//                       padding: EdgeInsets.fromLTRB(0, 0, 8, 0), // 调整这个值来控制时间和文本之间的间距
//                       child: Icon(
//                         Icons.person_add, // 替换为您的关注图标
//                         color: Colors.grey,
//                       ),
//                     ),
//                   ),
//
//                 ],
//               )
//
//
//
//           ),
//         ),
//
//         // backgroundColor: ColorsUtil.COLOR_FFFFFF,
//         body: _buildContent()
//
//     );
//
//   }
//   _myOnStretchTrigger() {
//     // ToastUtil.showToast('onStretchTrigger');
//   }
//   Widget _buildContent() {
//     List<String> mediaFileIdss = widget.imageTextEntity.mediaFileIds;
//     List<Img> images = mediaFileIdss.map((e) => Img(image: e)).toList();
//     return
//
//       Padding(
//           padding: EdgeInsets.all(10),
//           child:
//           Column(
//             children: [
//               Expanded(child:
//               ListView(
//                 children: [
//
//                   Column(
//
//                     children: [
//                       Title(
//                           color: Theme.of(context).backgroundColor, // 假设这是您要使用的颜色
//                           child:
//                           // Text('${widget.imageTextEntity.title}')
//                           Align(
//                             alignment: Alignment.centerLeft,
//                             child: Text.rich(
//                               TextSpan(
//                                 children: <TextSpan>[
//                                   TextSpan(
//                                     text: "${widget.imageTextEntity.title}",
//                                     style: TextStyle(fontSize: 21, fontWeight: FontWeight.bold),
//                                   ),
//
//                                 ],
//                               ),
//                             ),
//                           )
//
//
//                       ),
//                       Align(
//                         alignment: Alignment.centerLeft,
//                         child: Text(
//                           " 🕒 ${widget.imageTextEntity.createTime}", // 假设这是编辑时间的格式
//                           style: TextStyle(fontSize: 12, color: Colors.grey),
//                         ),
//
//                       ),
//                       Divider(),
//                       showImage(images),
//                       SizedBox(height: 10,),
//                       Text(
//                         '${widget.imageTextEntity.content}',
//                         style: TextStyle(
//                           fontSize: 16,
//
//                         ),
//                       ),
//                       Divider(),
//                       Row(
//                         mainAxisAlignment: MainAxisAlignment.spaceBetween,
//                         children: [
//                           Text("评论"),
//                           Text("99 赞")
//                         ],
//                       ),
//                       SizedBox(height: 3,),
//                        Container (
//                         child:
//                         ListView.builder(
//                           shrinkWrap: true,
//                           physics: new NeverScrollableScrollPhysics(),
//                           itemCount: 10, // 生成10个列表项
//                           itemBuilder: (BuildContext context, int index) {
//                             // MediaCommentEntity mediaCommentEntity = viewModel.datas[index];
//                             return Column(
//                               crossAxisAlignment: CrossAxisAlignment.start,
//                               mainAxisSize: MainAxisSize.min,
//                               children: [
//                                 SizedBox(
//                                   width: 25,
//                                   height: 25,
//                                   child: Padding(
//                                     padding: EdgeInsets.only(top: 10),
//                                     child: CircleAvatar(
//                                       backgroundImage: NetworkImage(
//                                         'https://via.placeholder.com/150', // 使用占位符图片
//                                       ),
//                                     ),
//                                   ),
//                                 ),
//                                 Padding(
//                                   padding: EdgeInsets.only(left: 25),
//                                   child: Text(
//                                     '${index}', // 示例文本
//                                     style: TextStyle(fontSize: 15, color: Colors.grey),
//                                   ),
//                                 ),
//                               ],
//                             );
//                           },
//                         ),
//                       )
//
//                       // CommentListView
//                     ],
//                   ),
//                 ],
//               ),
//               ),
//
//               Container(
//                 height: 50,
//
//                 child: Row(
//                   children: [
//                     Expanded(
//                         child: Align(
//                           alignment: Alignment.center,
//                           child:
//                           Container(
//                             padding: const EdgeInsets.only(left: 16, right: 16),
//                             height: 40,
//                             decoration:  BoxDecoration(
//
//                               borderRadius:
//                               const BorderRadius.all(Radius.circular(40 / 2)),
//                               border: Border.all(
//                                   color: ColorsUtil.COLOR_DBDBDB,
//                                   width: 0.5,
//                                   style: BorderStyle.solid),
//                             ),
//                             child: TextField(
//                               keyboardType: TextInputType.text,
//                               style: const TextStyle(
//                                   fontSize: 16),
//                               controller: TextEditingController(),
//                               cursorHeight: 16,
//                               cursorColor: ColorsUtil.COLOR_666666,
//                               decoration: const InputDecoration(
//                                 // isCollapsed: false,
//                                 border: InputBorder.none,
//                                 hintText: "评论内容",
//                                 hintStyle: TextStyle(
//                                     fontSize: 14, color: ColorsUtil.COLOR_999999),
//                               ),
//                               keyboardAppearance: Brightness.dark,
//                               onChanged: (value) {},
//                             ),
//                           ),
//                         )
//                     ),
//                     const SizedBox(width: 16),
//                     GestureDetector(
//                       child: Container(
//                         padding: const EdgeInsets.only(
//                             top: 6, left: 15, bottom: 6, right: 15),
//                         decoration: const BoxDecoration(
//                           color: ColorsUtil.COLOR_FF5C5C,
//                           borderRadius: BorderRadius.all(Radius.circular(6)),
//                         ),
//                         child: const Text("发送",
//                             style: TextStyle(
//                                 fontSize: 14,
//                                 color: ColorsUtil.COLOR_FFFFFF)),
//                       ),
//                       behavior: HitTestBehavior.opaque,
//                       onTap: () {
//
//                       },
//                     ),
//                   ],
//                 ),
//
//               )
//
//             ],
//             //   )
//             // ),
//           )
//
//
//       );
//
//
//
//   }
//
//   showImage(List<Img> images) {
//     List<Widget> list = [];
//     int crossAxisCount = images.length == 1 ? 1 : 2;
//     double widthRatio = 1.0 / crossAxisCount;
//     for (int i = 0; i < images.length; i++) {
//       String imageUrl = images[i].image;
//       //获取图片id判断图片是否违规
//
//       if(images.length == 1) {
//         list.add(StaggeredGridTile.count(crossAxisCellCount: 3, mainAxisCellCount: 2.5, child: CustomNetworkImage(
//           // url: viewModel.entity?.avatar ?? "",
//           url: images[i].image,
//           fit: BoxFit.cover,
//           logoSize: const Size(22, 22),
//         )));
//
//
//       } else if(images.length == 2) {
//         list.add(StaggeredGridTile.count(crossAxisCellCount: 1, mainAxisCellCount: 1, child: CustomNetworkImage(
//           // url: viewModel.entity?.avatar ?? "",
//           url: images[i].image,
//           fit: BoxFit.cover,
//           logoSize: const Size(22, 22),
//         )));
//
//       } else if(images.length == 4) {
//         list.add(StaggeredGridTile.count(crossAxisCellCount: 1, mainAxisCellCount: 1, child: CustomNetworkImage(
//           // url: viewModel.entity?.avatar ?? "",
//           url: images[i].image,
//           fit: BoxFit.cover,
//           logoSize: const Size(22, 22),
//         )));
//
//       }  else if(images.length == 6) {
//         list.add(StaggeredGridTile.count(crossAxisCellCount: 1, mainAxisCellCount: 1, child: CustomNetworkImage(
//           // url: viewModel.entity?.avatar ?? "",
//           url: images[i].image,
//           fit: BoxFit.cover,
//           logoSize: const Size(22, 22),
//         )));
//
//       } else if(images.length == 3) {
//         if(i==1) {
//           list.add(StaggeredGridTile.count(crossAxisCellCount: 1, mainAxisCellCount: 1, child:CustomNetworkImage(
//             // url: viewModel.entity?.avatar ?? "",
//             url: images[i].image,
//             fit: BoxFit.cover,
//             logoSize: const Size(22, 22),
//           )));
//
//         } else {
//           list.add(StaggeredGridTile.count(crossAxisCellCount: 1, mainAxisCellCount: 0.5, child: CustomNetworkImage(
//             // url: viewModel.entity?.avatar ?? "",
//             url: images[i].image,
//             fit: BoxFit.cover,
//             logoSize: const Size(22, 22),
//           )));
//
//         }
//       }  else if(images.length == 5) {
//         if(i==0) {
//           list.add(StaggeredGridTile.count(crossAxisCellCount: 1, mainAxisCellCount: 2, child: CustomNetworkImage(
//             // url: viewModel.entity?.avatar ?? "",
//             url: images[i].image,
//             fit: BoxFit.cover,
//             logoSize: const Size(22, 22),
//           )));
//
//         } else if(i == 4) {
//           list.add(StaggeredGridTile.count(crossAxisCellCount: 1, mainAxisCellCount: 1, child: CustomNetworkImage(
//             // url: viewModel.entity?.avatar ?? "",
//             url: images[i].image,
//             fit: BoxFit.cover,
//             logoSize: const Size(22, 22),
//           )));
//
//         }  else {
//           list.add(StaggeredGridTile.count(crossAxisCellCount: 1, mainAxisCellCount: 1, child: CustomNetworkImage(
//             // url: viewModel.entity?.avatar ?? "",
//             url: images[i].image,
//             fit: BoxFit.cover,
//             logoSize: const Size(22, 22),
//           )));
//
//         }
//       } else if(images.length == 7) {
//         // for (int i = 0; i < images.length; i++) {
//         String imageUrl = images[i].image;
//
//         if (i == images.length - 1) { // 最后一个图片
//           list.add(StaggeredGridTile.count(
//             crossAxisCellCount: 3, // 最后一个图片占据三列
//             mainAxisCellCount: 1.3, // 每个子项占据一整个行的高度
//             child: CustomNetworkImage(
//               // url: viewModel.entity?.avatar ?? "",
//               url: images[i].image,
//               fit: BoxFit.cover,
//               logoSize: const Size(22, 22),
//             ),
//           ));
//         } else {
//           list.add(StaggeredGridTile.count(
//             crossAxisCellCount: 1, // 每个图片占据一个网格单元
//             mainAxisCellCount: 0.7, // 根据需要调整
//             child: CustomNetworkImage(
//               // url: viewModel.entity?.avatar ?? "",
//               url: images[i].image,
//               fit: BoxFit.cover,
//               logoSize: const Size(22, 22),
//             ),
//           ));
//         }
//         // }
//       }else if(images.length == 8) {
//         // for (int i = 0; i < images.length; i++) {
//         String imageUrl = images[i].image;
//
//         if (i == images.length - 1) { // 最后一个图片
//           list.add(StaggeredGridTile.count(
//             crossAxisCellCount: 1, // 最后一个图片占据三列
//             mainAxisCellCount: 1, // 每个子项占据一整个行的高度
//             child: CustomNetworkImage(
//               // url: viewModel.entity?.avatar ?? "",
//               url: images[i].image,
//               fit: BoxFit.cover,
//               logoSize: const Size(22, 22),
//             ),
//           ));
//         } else if(i == 2) {
//           list.add(StaggeredGridTile.count(
//             crossAxisCellCount: 2, // 最后一个图片占据三列
//             mainAxisCellCount: 1, // 每个子项占据一整个行的高度
//             child: CustomNetworkImage(
//               // url: viewModel.entity?.avatar ?? "",
//               url: images[i].image,
//               fit: BoxFit.cover,
//               logoSize: const Size(22, 22),
//             ),
//           ));
//         } else {
//           list.add(StaggeredGridTile.count(
//             crossAxisCellCount: 1, // 每个图片占据一个网格单元
//             mainAxisCellCount: 1, // 根据需要调整
//             child: CustomNetworkImage(
//               // url: viewModel.entity?.avatar ?? "",
//               url: images[i].image,
//               fit: BoxFit.cover,
//               logoSize: const Size(22, 22),
//             ),
//           ));
//         }
//         // }
//       }
//       else {
//         list.add(StaggeredGridTile.count(crossAxisCellCount: 1, mainAxisCellCount: 1, child: CustomNetworkImage(
//           // url: viewModel.entity?.avatar ?? "",
//           url: images[i].image,
//           fit: BoxFit.cover,
//           logoSize: const Size(22, 22),
//         )));
//       }
//     }
//     if(images.length == 1) {
//       return StaggeredGrid.count(
//         crossAxisCount: 3,
//         mainAxisSpacing: 0,
//         crossAxisSpacing: 1,
//         children: list,
//       );
//     } else if(images.length == 2) {
//       return StaggeredGrid.count(
//         crossAxisCount: 2,
//         mainAxisSpacing: 0,
//         crossAxisSpacing: 1,
//         children: list,
//       ) ;
//     } else if(images.length == 3) {
//       return StaggeredGrid.count(
//         crossAxisCount: 2,
//         mainAxisSpacing: 0,
//         crossAxisSpacing: 1,
//         children: list,
//       ) ;
//     } else if(images.length == 4) {
//       return StaggeredGrid.count(
//         crossAxisCount: 2,
//         mainAxisSpacing: 0,
//         crossAxisSpacing: 1,
//         children: list,
//       ) ;
//     }  else if(images.length == 7) {
//       return StaggeredGrid.count(
//         crossAxisCount: 3,
//         mainAxisSpacing: 0,
//         crossAxisSpacing: 1,
//         children: list,
//       ) ;
//     }  else {
//       return StaggeredGrid.count(
//         crossAxisCount: 3,
//         mainAxisSpacing: 0,
//         crossAxisSpacing: 1,
//         children: list,
//       ) ;
//     }
//   }
//
// }
